﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="../../../sencha-touch-1.1.0/resources/css/sencha-touch.css" rel="stylesheet"
        type="text/css" />
    <script src="../../../sencha-touch-1.1.0/sencha-touch-debug.js" type="text/javascript"></script>
    <script type="text/javascript">
        var a = new Object();
        var b = new a();
    </script>
    <script type="text/javascript">
        Ext.setup({
            tabletStartupScreen: 'tablet_startup.png',
            phoneStartupScreen: 'phone_startup.png',
            icon: 'icon.png',
            glossOnIcon: false,
            onReady: function () {
                var panel = new Ext.Panel({
                    floating: true,
                    id: 'panel',
                    centered: true,
                    hideOnMaskTap: false,
                    scroll: 'vertical',
                    width: 500,
                    height: 400,
                    items: [{
                        xtype: 'button',
                        ui: 'decline',
                        text: 'Drastic',
                        id: 'myButton'
                    }],
                    dockedItems: [{
                        xtype: 'toolbar',
                        dock: 'bottom',
                        id: 'myToolBar'
                    }]
                });
                panel.show();

                var myMask = new Ext.LoadMask(panel.el, { msg: "Please wait..." });
                myMask.show();
            }
        });
    </script>
</head>
<script type="text/javascript">

</script>
<body>

</body>
</html>
